<template>
  <div id="app">
    <!-- :model 双向绑定所有数据 -->
    <jul-form :model="model" label-width="80px">
      <jul-form-item label="用户名">
        <jul-input placeholder="请输入用户名" v-model="model.username"></jul-input>
      </jul-form-item>
      <jul-form-item label="选择">
        <jul-switch v-model="model.active"></jul-switch>
      </jul-form-item>
    </jul-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      model: {
        username: '',
        active: true
      }
    }
  }
}
</script>

<style lang="scss">
  #app {
    .jul-input {
      width: 180px;
    }
  }
</style>
